/***************************************************************************
 *   Copyright (C) 2014 by Philipp Müller                                  *
 *   philipp.mueller@gmx.de                                                *
 *                                                                         *
 *   This program is free software; you can redistribute it and/or modify  *
 *   it under the terms of the GNU General Public License as published by  *
 *   the Free Software Foundation; either version 2 of the License, or     *
 *   (at your option) any later version.                                   *
 *                                                                         *
 *   This program is distributed in the hope that it will be useful,       *
 *   but WITHOUT ANY WARRANTY; without even the implied warranty of        *
 *   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the         *
 *   GNU General Public License for more details.                          *
 *                                                                         *
 *   You should have received a copy of the GNU General Public License     *
 *   along with this program; if not, write to the                         *
 *   Free Software Foundation, Inc.,                                       *
 *   51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA          *
 ***************************************************************************/

import QtQuick 2.0

Column {
    anchors { verticalCenter: parent.verticalCenter; horizontalCenter: parent.horizontalCenter }
    Grid {
        id: screenCursor
        columns: 3
        spacing: 10 * screenScale
        anchors { horizontalCenter: parent.horizontalCenter }

        Column {
            ButtonKey {
                key: 11
                visible: VompRemote.colorButtonStyle
                icon: "qrc:/qml/VompRemote/icons/button-red.png"
            } // Red
            Rectangle { width: 1; height: 1; color: "blue" }
        }

        Rectangle { width: 1; height: 1; color: "blue" }

        Column {
            ButtonKey {
                key: 46
                visible: VompRemote.colorButtonStyle
                icon: "qrc:/qml/VompRemote/icons/button-green.png"
            } // Green
            Rectangle { width: 1; height: 1; color: "blue" }
        }

        Rectangle { width: 1; height: 1; color: "#0500ff" }
        ButtonKey { key: 20; icon: "qrc:/qml/VompRemote/icons/arrowup.png" } // Up
        Rectangle { width: 1; height: 1; color: "blue" }

        ButtonKey { key: 22; icon: "qrc:/qml/VompRemote/icons/arrowleft.png" } // Left
        ButtonKey { key: 37; icon: "qrc:/qml/VompRemote/icons/ok.png" } // Ok
        ButtonKey { key: 23; icon: "qrc:/qml/VompRemote/icons/arrowright.png" } // Right

        Rectangle { width: 1; height: 1; color: "blue" }
        ButtonKey { key: 21; icon: "qrc:/qml/VompRemote/icons/arrowdown.png"  } // Down
        Rectangle { width: 1; height: 1; color: "blue" }

        Column {
            Rectangle { width: 1; height: 1; color: "blue" }
            ButtonKey {
                key: 56
                visible: VompRemote.colorButtonStyle
                icon: "qrc:/qml/VompRemote/icons/button-yellow.png"
            } // Yellow
        }

        Rectangle { width: 1; height: 1; color: "blue" }

        Column {
            Rectangle { width: 1; height: 1; color: "blue" }

            ButtonKey {
                key: 41
                visible: VompRemote.colorButtonStyle
                icon: "qrc:/qml/VompRemote/icons/button-blue.png"
            } // Blue
        }

        Rectangle { width: 1; height: 1; color: "blue" }
    }

    Row {
        spacing: 5 * screenScale
        ButtonKey {
            key: 11
            visible: !VompRemote.colorButtonStyle
            icon: "qrc:/qml/VompRemote/icons/button-red.png"
        } // Red

        ButtonKey {
            key: 46
            visible: !VompRemote.colorButtonStyle
            icon: "qrc:/qml/VompRemote/icons/button-green.png"
        } // Green

        ButtonKey {
            key: 56
            visible: !VompRemote.colorButtonStyle
            icon: "qrc:/qml/VompRemote/icons/button-yellow.png"
        } // Yellow

        ButtonKey {
            key: 41
            visible: !VompRemote.colorButtonStyle
            icon: "qrc:/qml/VompRemote/icons/button-blue.png"
        } // Blue
    }
}
